<template>
  <div id="more">
      <b>美印社区</b><span>（22）</span>
 <router-link to="">查看更多></router-link>
<div>
<router-link to="" v-for="(v,i) in arr" :key="i">
     <img :src="v.img" alt="">
     </router-link>
</div>
  </div>
</template>

<script>
export default {
data() {
    return {
        arr:[{
 img:"xiang/11.jpeg",
  },
  {
 img:"xiang/12.jpeg",
  },
  {
 img:"xiang/13.jpeg",
  },
  {
 img:"xiang/14.jpeg",
  }]
    }
},
}
</script>

<style scoped>
#more{
  width:90% ;
  height:1.7rem ;
  margin: auto;
  border-radius: 0.1rem;
  line-height: 0.3rem;
  background-color: white;
  margin-top: 0.2rem;
padding-left: 0.1rem;
padding-top: 0.1rem;
}
#more>a{
float: right;
}
#more div{
  display: flex;
  overflow-y: auto;
}
#more div a{
  flex-shrink:0;
  margin-top: 0.1rem;
}
#more div a img{
  width: 1rem;
  height: 1rem;
  border-radius: 0.1rem;
  margin-right: 0.1rem;
}
</style>